<% content_for :head do  %>
  <%= stylesheet_link_tag 'productclass_dolphin'  %>
  <%= stylesheet_link_tag 'productquery_dolphin'  %>
<% end %>


<div style="width: 730px; height: 36px; top: 13px; left: 250px; z-index: 14;" title="产品检索" class="pdv_class" id="pdv_23495">
  <div style="overflow: hidden; width: 100%; height: 100%;" class="pdv_content" id="spdv_23495">
    <div style="border: 0px none; height: 36px; padding: 0pt; margin: 0pt; background: url(/images/news_bgtitle.jpg) no-repeat scroll 0px 0px transparent;" class="pdv_border">
      <div style="float: left; font: 14px/32px Simsun; color: rgb(0, 0, 0); padding-left: 47px;">产品检索</div>

      <div id="nav">
        您现在的位置：<a href="/">机械零部件制造公司</a>

        &gt; <a href="/products/">产品展示</a>

      </div>
      <div class="img"></div>

    </div>

  </div>
</div>





<div style="width: 708px; height: 350px; top: 80px; left: 263px; z-index: 13;" title="产品检索" class="pdv_class" id="pdv_23494">
  <div style="overflow: visible; width: 100%;" class="pdv_content" id="spdv_23494">
    <div style="margin: 0pt; padding: 0pt; height: 100%; border: 0px solid;" class="pdv_border">
      <div style="height: 25px; margin: 1px; display: none;">
        <div style="float: left; margin-left: 12px; line-height: 25px; font-weight: bold;">
		产品检索
        </div>
        <div style="float: right; margin-right: 10px; display: none;">
          <a style="line-height: 25px;" href="-1">更多</a>
        </div>
      </div>
      <div style="padding: 0px;">


        <% @products.each do |p|  %>


          <div class="productquery_dolphin">
            <div class="productquery_dolphin_top">
              <div style="width: 162px; height: 122px;" class="fang">
                <div style="width: 162px; height: 122px;" class="picFit">
                  <a target="_self" href="/products/<%= p.id %>"><img border="0" style="width: 162px; margin-top: 0px;" src="<%= p.image.url(:thumb) %>"></a>
                </div>
              </div>
            </div>
            <div class="productquery_dolphin_bottom">
              <a class="prodtitle" target="_self" href="/products/<%= p.id %>"> <%=  p.name  %> </a>
            </div>
          </div>

        <% end %>


      </div>
    </div>

  </div>
  <p style="clear:both"><br/><br/></p>
  <%= will_paginate @products %>
</div>

<style type="text/css">
  .pagination{    text-align: center;}
  .pagination a {
    background-color: #EEEEEE;
    border: 1px solid #DCD9D4;
    color: #303030;
    white-space: nowrap;
    border: 1px solid #DCD9D4;
    color: #303030;
    list-style-type: none;
    margin: 3px;
    padding: 2px 5px;
    white-space: nowrap;
  }
  .pagination .prev_page , .pagination .next_page  , .pagination span{
    background-color: #DCD9D4;
    border: 1px solid #DCD9D4;
    color: #303030;
    padding: 3px 5px 1px;
    white-space: nowrap;
  }


</style>


